<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="/public/javascript/jquery-1.12.4.js"></script>
</head>
<body>
    <!--如果cookie为userInfo的_id存在，证明已经登录过，则显示userInfo面板-->
    {%if userInfo._id%}
    <div class="userInfo">
        <p> 这是用户信息面板：</p>
        {% if userInfo.isAdmin %}
        <p>
           欢迎您管理员：<a href="/admin">进入管理后台</a>
        </p>
        {% else %}
        <p>欢迎您:{{userInfo.username}}</p>
        {% endif %}
        <button>退出</button>
    </div>
    {%else%}
    <div class="loginDiv">
        用户名：<input type="text" name="username"/> <br/>
        密码：<input type="password" name="password"/><br/>
        <button>登录</button>
        <a href="javascript:">马上注册</a>
        <span></span>
    </div>
    <div class="registDiv">
        用户名：<input type="text" name="username"/> <br/>
        密码：<input type="password" name="password"/><br/>
        确认密码：<input type="password" name="repassword"/><br/>
        <button>注册</button>
        <a href="javascript:">马上登录</a>
        <span></span>
    </div>
    {%endif%}
    <!--否则就显示登录或注册面板-->
    <script src="/public/javascript/index.js"></script>
</body>
</html>